<template>
  <div class="box">
    <iframe
      class="iframe"
      :src="iframeURL"
      frameborder="no"
      scrolling="yes"
      ref="iframe"
      allowfullscreen="true"
      id="iframe"

    ></iframe>
  </div>
</template>
<script>
export default {
  name: 'index',
  data() {
    return {
      iframeURL: 'https://www.so.com/',
    }
  },
}
</script>

<style scoped lang="scss">
.box {
  min-height: calc(100vh - 205px);
  padding: 20px;
  background: white;
  margin-bottom: 50px;
  transition: all .3s cubic-bezier(.645, .045, .355, 1), border 0s, color .1s, font-size 0s;

  .iframe {
    width: 100%;
    min-height: calc(100vh - 205px);
  }
}
</style>
